<%@include file="init.jsp" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <%@include file="head.jsp" %>
        <script type="text/javascript" src="js/jquery_1.js" language="JavaScript"></script>
        <script type="text/javascript" src="js/ajax.js" language="JavaScript"></script>
    </head>
    <body>
        <div id="page">
            <%@include file="menu.jsp" %>

            <div id="main-content">
                <h3>Gestionar Boxeadores</h3>
                <table id="tabla_combates" class="tablaGris">
                    <tr>
                        <th>Nombre</th>
                        <th>Apellidos</th>
                        <th>Combates ganados</th>
                        <th>Combates perdidos</th>
                        <th>Modificar</th>
                        <th>Borrar</th>
                    </tr>
                    <logic:notEmpty name="BoxeadoresForm" property="listadoBoxeadores">
                        <logic:iterate name="BoxeadoresForm" property="listadoBoxeadores" id="boxeador">
                            <tr id="${boxeador.idBoxeador}">
                                <td>
                                    <bean:write name="boxeador" property="nombre"/>
                                </td>
                                <td>
                                    <bean:write name="boxeador" property="apellidos"/>
                                </td>
                                <td>
                                    <bean:write name="boxeador" property="CGanados"/>
                                </td>
                                <td>
                                    <bean:write name="boxeador" property="CPerdidos"/>
                                </td>
                                <td>
                                    <html:link action="ModificarBoxeador.do?idBoxeador=${boxeador.idBoxeador}" >
                                        <html:img src="images/modificar.png" alt="modificar" style="margin-left:15px;width:30px;" />
                                    </html:link>
                                    </td>
                                <td>
                                    <html:img src="images/borrar.jpg" alt="borrar" style="margin-left:15px;width:30px;" onclick="borrarBoxeador(${boxeador.idBoxeador});"/>
                                </td>
                            </tr>
                        </logic:iterate>
                    </logic:notEmpty>
                </table> 
                <hr/>
                <h3>Nuevo Boxeador</h3>
                <html:form action="NuevoBoxeador.do" method="POST">
                    <html:submit value="Nuevo Boxeador" />
                </html:form>
            </div>
        </div>
    </body>
</html>